<!DOCTYPE html>
<html>

	<meta charset="utf-8">
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<head th:include="include :: header"></head>
<BODY>
<div class="content_wrap">
	<div class="zTreeDemoBackground left">
		<ul id="treeDemo" class="ztree"></ul>
	</div>
</div>
<div th:include="include::footer"></div>
<SCRIPT type="text/javascript">
	<!--
	var setting = {
		data: {
			key: {
				title:"t"
			},
			simpleData: {
				enable: true
			}
		},
		callback: {
			onClick: onClick
		}
	};

	// var zNodes =[
	// 	{ id:13, pId:1, name:"叶子节点 - 3", t:"我很普通，随便点我吧"},
	// 	{ id:2, pId:0, name:"NB的父节点", t:"点我可以，但是不能点我的子节点，有本事点一个你试试看？", open:true},
	// 	{ id:21, pId:2, name:"叶子节点2 - 1", t:"你哪个单位的？敢随便点我？小心点儿..", click:false},
	// 	{ id:22, pId:2, name:"叶子节点2 - 2", t:"我有老爸罩着呢，点击我的小心点儿..", click:false},
	// 	{ id:23, pId:2, name:"叶子节点2 - 3", t:"好歹我也是个领导，别普通群众就来点击我..", click:false},
	// 	{ id:3, pId:0, name:"郁闷的父节点", t:"别点我，我好害怕...我的子节点随便点吧...", open:true, click:false },
	// 	{ id:31, pId:3, name:"叶子节点3 - 1", t:"唉，随便点我吧"},
	// 	{ id:11, pId:1, name:"叶子节点 - 1", t:"我很普通，随便点我吧"},
	// 	{ id:12, pId:1, name:"叶子节点 - 2", t:"我很普通，随便点我吧"},
	// 	{ id:32, pId:3, name:"叶子节点3 - 2", t:"唉，随便点我吧"},
	// 	{ id:1, pId:0, name:"普通的父节点", t:"我很普通，随便点我吧", open:true},
	// 	{ id:33, pId:3, name:"叶子节点3 - 3", t:"唉，随便点我吧"}
	// ];


	function onClick(event, treeId, treeNode, clickFlag) {
		console.log('treeNode',treeNode);
		if (treeNode.pId == null) {
			alert("请选择二级分类");
			return;
		}
		parent.$("#classId").val(treeNode.id);
		parent.$("#className").val(treeNode.name);
		//--关闭 当前页面 开始--
		var index = parent.layer.getFrameIndex(window.name);
		parent.layer.close(index);
		//--关闭 当前页面 结束--
	}

	function getTreeData() {
		$.ajax({
			type : "POST",
			url : "/app/product/getTreeList",
			success : function(tree) {
				console.log(tree);
				var zNodes = [];
				zNodes = tree;
				console.log(zNodes);
				$.fn.zTree.init($("#treeDemo"), setting, zNodes);
			}
		});
	}


	$(document).ready(function(){
			getTreeData()
	});
	//-->
</SCRIPT>
</BODY>
</HTML>